<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<div class="carous">
				<div id="wrap" class="carous_img clearfix">
					<div id="car-left" class="btn-left fl">
						<div>
							<img src="img/left.jpg"/>
						</div>
						<input type="image" src="img/turnleft.png" />
					</div>
					<div id="carous" class="img fl">
						<img src="img/carous.jpg" />
						<img src="img/carous6.jpg" />
						<img src="img/carous7.jpg" />
						<img src="img/carous8.jpg" />
						<img src="img/carous9.jpg" />
					</div>
					<div id="car-right" class="btn-right fr">
						<div>
							<img src="img/right.jpg"/>
						</div>
						<input type="image" src="img/turnright.png" />
					</div>
				</div>
				<ul id="carUl" class="clearfix">
					<li class="active">
						<div>
							<img src="img/carous.jpg" alt="" />
						</div>
					</li>
					<li>
						<div>
							<img src="img/carous6.jpg" alt="" />
						</div>
					</li>
					<li>
						<div>
							<img src="img/carous7.jpg" alt="" />
						</div>
					</li>
					<li>
						<div>
							<img src="img/carous8.jpg" alt="" />
						</div>
					</li>
					<li>
						<div>
							<img src="img/carous9.jpg" alt="" />
						</div>
					</li>
				</ul>
			</div>
			<div id="productCar" class="productCar clearfix">
					<div class="pro-title">
						<h4>产品推荐</h4>
						<span></span>
					</div>
					<div id="product-shopCar" class="product-shopCar clearfix">
						<div id="left" class="left fl">
							<input type="image" src="img/turnleft.png" />
						</div>
					<div id="wid" class="moveul fl clearfix">	
						<ul id="moveul" class="pro-shop1 fl clearfix">
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro1.jpg" alt="" />
								</div>
								<div class="fr">
									<p>竞技版骑行上衣</p>
									<img src="img/spring.jpg" />
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro2.jpg" alt="" />
								</div>
								<div class="fr">
									<p>普通版骑行上衣</p>
									<img src="img/spring.jpg" alt="" />
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro3.jpg" alt="" />
								</div>
								<div class="fr">
									<p>竞技版背带骑行裤</p>
									<img src="img/spring.jpg"/>
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro4.jpg" alt="" />
								</div>
								<div class="fr">
									<p>普通版骑行上衣</p>
									<img src="img/spring.jpg" alt="" />
									<p>¥299</p>
								</div>
							</li>
						</ul>
					</div>
						<div id="right" class="right fr">
							<input type="image" src="img/turnright.png" />
						</div>
					</div>
			</div>
			<section>
				<div class="ad">
					<img src="img/ad.jpg" alt="" />
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>定制骑行服</h4>
						<span></span>
					</div>
					<div class="list fl">
						<div class="machine">
							<div>
								<img src="img/machine.jpg"/>
							</div>
							<div></div>
							<p>配件</p>
							<span></span>
						</div>
						<ul>
							<li><a href="">短袖上衣</a></li>
							<li><a href="">长袖上衣</a></li>
							<li><a href="">短裤</a></li>
							<li><a href="">长裤</a></li>
							<li><a href="">背带短裤</a></li>
							<li><a href="">背带长裤</a></li>
							<li><a href="">短袖连体服</a></li>
							<li><a href="">长袖连体服</a></li>
							<li><a href="">儿童版短袖</a></li>
							<li><a href="">儿童版长袖</a></li>
						</ul>
					</div>
					<div class="pro-left fl">
						<div class="pro-left-1">
							<div class="img">
								<img src="img/pro5.jpg"/>
							</div>
							<div class="red">
								<p>普及版</p>
								<p>></p>
							</div>
						</div>
						<div class="pro-left-2 clearfix">
							<div class="img">
								<img src="img/pro6.jpg"/>
							</div>
							<div class="red">
								<p>专业版</p>
								<p>></p>
							</div>
						</div>
					</div>
					<ul class="pro-shop2 fl clearfix">
						<li>
							<div>
								<img src="img/pro8.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro9.jpg" alt="" />
							</div>
							<div>
								<strong>女士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
							
						</li>
						<li>
							<div>
								<img src="img/pro10.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行服长袖</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro11.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行连体服</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro12.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro13.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行短裤</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
					</ul>
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>定制跑步服</h4>
						<span></span>
					</div>
					<div class="jecket clearfix">
						<div class="fl">
							<img src="img/jacket.jpg" alt="" />
						</div>
						<div class="fr">
							<img src="img/jacket2.jpg"/>
						</div>
					</div>
					<div class="list fl">
						<ul class="list-ul">
							<li><a href="">POLO衫</a></li>
							<li><a href="">短袖t恤</a></li>
							<li><a href="">短裤</a></li>
							<li><a href="">跑步背心</a></li>
							<li><a href="">长袖上衣</a></li>
							<li><a href="">运动文胸</a></li>
						</ul>
					</div>
					<ul class="pro-shop2 run fl clearfix">
						<li>
							<div>
								<img src="img/jecket3.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行服长袖</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jecket4.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行连体服</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jecket5.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro20.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行短裤</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
					</ul>
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>定制铁三服</h4>
						<span></span>
					</div>
					<div class="jecket clearfix">
						<div class="fl">
							<img src="img/jecket6.jpg" alt="" />
						</div>
						<div class="fr">
							<img src="img/jecket7.jpg"/>
						</div>
					</div>
					<div class="list fl">
						<div class="machine2">
							<div>
								<img src="img/machine2.jpg"/>
							</div>
							<div></div>
							<p>配件</p>
							<span></span>
						</div>
						<ul class="list-ul2">
							<li><a href="">无袖短裤套装</a></li>
							<li><a href="">短袖短裤套装</a></li>
							<li><a href="">长袖短裤套装</a></li>
						</ul>
					</div>
					<ul class="pro-shop2 run fl clearfix">
						<li>
							<div>
								<img src="img/jecket3.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行服长袖</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jecket4.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行连体服</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jecket5.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行上衣</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
						<li>
							<div>
								<img src="img/pro20.jpg" alt="" />
							</div>
							<div>
								<strong>男士骑行短裤</strong>
								<span>¥299</span>
								<input type="image" src="img/btn.png"/>
							</div>
						</li>
					</ul>
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>定制休闲款</h4>
						<span></span>
					</div>
					<div class="pro-left fl clearfix">
						<div class="polo">
							<div class="img">
								<img src="img/polo1.jpg"/>
							</div>
							<div class="red">
								<p>POLO衫</p>
								<p>></p>
							</div>
						</div>
						<div class="polo">
							<div class="img">
								<img src="img/polo2.jpg"/>
							</div>
							<div class="red">
								<p>短裤</p>
								<p>></p>
							</div>
						</div>
						<div class="polo">
							<div class="img">
								<img src="img/polo3.jpg"/>
							</div>
							<div class="red">
								<p>帽衫</p>
								<p>></p>
							</div>
						</div>
						<div class="polo">
							<div class="img">
								<img src="img/polo4.jpg"/>
							</div>
							<div class="red">
								<p>T恤</p>
								<p>></p>
							</div>
						</div>
					</div>
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>品牌专区</h4>
						<span></span>
					</div>
					<div class="pro-AD clearfix">
						<div class="pro-ad fl">
							<div class="wrap">
								<div>
									<img src="img/pro27.jpg"/>
								</div>
							</div>	
							<div class="ad">
								<img src="img/ad2.jpg"/>
							</div>
							<p>森地客(Santic)是厦门森地客户外用品有限公司的中英文商标.森地客凭借着十多年给国外各大骑行装备品牌做贴牌制造的经验,于2004年开始为欧洲、北美、东南亚的骑行爱好者提供森地客Santic专业级骑行服装、骑行鞋及相关专业骑行配件.目前在...</p>
							<input type="button" value="了解更多" />
						</div>
						<div class="vans fl">
							<ul class="clearfix">
								<li>
									<img src="img/vans.jpg"/>
								</li>
								<li>
									<img src="img/vans2.jpg"/>
								</li>
								<li>
									<img src="img/nike.jpg"/>
								</li>
								<li>
									<img src="img/nike2.jpg"/>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="product clearfix">
					<div class="pro-title">
						<h4>品牌专区</h4>
						<span></span>
					</div>
					<ul class="ad-logo clearfix">
						<li><img src="img/ad3.jpg" alt="" /></li>
						<li><img src="img/ad4.jpg" alt="" /></li>
						<li><img src="img/ad5.jpg" alt="" /></li>
						<li><img src="img/ad6.jpg" alt="" /></li>
						<li><img src="img/ad7.jpg" alt="" /></li>
						<li><img src="img/ad8.jpg" alt="" /></li>
						<li><img src="img/ad9.jpg" alt="" /></li>
						<li><img src="img/ad13.jpg" alt="" /></li>
						<li><img src="img/ad10.jpg" alt="" /></li>
						<li><img src="img/ad11.jpg" alt="" /></li>
						<li><img src="img/ad12.jpg" alt="" /></li>
						<li><p><a href="">MORE&nbsp;></a></p></li>
					</ul>
				</div>
			</section>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
		<script src="js/getStyle.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
